<template>
  <div class="shareDetail">
    <div class="title">
      <h3>商户分成金额收益详情</h3>
    </div>
    <div class="el-div-info">
      <el-col :span="2" class="info-space">商户&nbsp;&nbsp;xx商户</el-col>
      <el-col :span="2" class="el-col-offset-1 info-space">计算日期&nbsp;&nbsp;2020-11</el-col>
      <el-col :span="19" class="info-space" />
      <el-col :span="4" class="info-space top-space">累计分成金额&nbsp;&nbsp;66</el-col>
    </div>
    <!-- 附加扣除 -->
    <div class="ele-deduct attach-box">
      <el-col :span="6">
        <el-col :span="12" class="attach-space"><h4>附加扣除</h4></el-col>
        <el-col :span="6" class="el-col-offset-6 attach-space"><span>33</span></el-col>
        <el-col :span="12" class="attach-space"><span>xxx增加</span></el-col>
        <el-col :span="6" class="el-col-offset-6 attach-space"><span>金额:+￥15</span></el-col>
        <el-col :span="12" class="attach-space"><span>xxx增加</span></el-col>
        <el-col :span="6" class="el-col-offset-6 attach-space"><span>金额:+￥18</span></el-col>
      </el-col>
    </div>
    <!-- 附加增加 -->
    <div class="ele-add attach-box">
      <el-col :span="6">
        <el-col :span="12" class="attach-space"><h4>附加增加</h4></el-col>
        <el-col :span="6" class="el-col-offset-6 attach-space"><span>33</span></el-col>
        <el-col :span="12" class="attach-space"><span>xxx增加</span></el-col>
        <el-col :span="6" class="el-col-offset-6 attach-space"><span>金额:-￥15</span></el-col>
        <el-col :span="12" class="attach-space"><span>xxx增加</span></el-col>
        <el-col :span="6" class="el-col-offset-6 attach-space"><span>金额:-￥18</span></el-col>
      </el-col>
    </div>
    <div class="ele-share-amount">
      <el-col :span="6">
        <el-col :span="12" class="attach-space"><h4>本月应分成金额</h4></el-col>
        <el-col :span="6" class="el-col-offset-6 attach-space">66</el-col>
      </el-col>
    </div>
  </div>
</template>

<script>
/** 商户分成金额收益详情 */
export default {
  name: 'ShareDetail'
}
</script>

<style lang="scss" scoped>
.shareDetail {
  width: 100%;
  padding: 0px 50px;
  .el-div-info {
    margin: 20px 0px;
    padding: 20px 0px;
    height: 130px;
    background: #F3F3F3;
    .info-space{
      margin:10px 10px;
      height: 20px;
    }
    .top-space{
      margin-top: 30px;
    }
  }
  .attach-box{
    height: 180px;
    margin-bottom: 20px;
  }
  .attach-space{
    height: 60px;
    line-height: 60px;
    h4{
      margin-top: 0px;
      line-height: 60px;
    }
  }
}
</style>
